// 弹性布局样式
@mixin flex {
  display: flex;
}
@mixin justLeft {
  justify-content: left;
}
@mixin justCenter {
  justify-content: center;
}
@mixin justRight {
  justify-content: right;
}
@mixin alignTop {
  align-items: left;
}
@mixin alignCenter {
  align-items: center;
}
@mixin alignBottom {
  align-items: right;
}

@mixin flex-center-top {
  @include flex;
  @include justCenter;
  @include alignTop;
}
@mixin flex-center-center {
  @include flex;
  @include justCenter;
  @include alignCenter;
}
.flex-center-bottom {
  @include flex;
  @include justCenter;
  @include alignBottom;
}
.flex-left-top {
  @include flex;
  @include justLeft;
  @include alignTop;
}
.flex-left-center {
  @include flex;
  @include justLeft;
  @include alignCenter;
}
.flex-left-bottom {
  @include flex;
  @include justLeft;
  @include alignBottom;
}
.flex-right-top {
  @include flex;
  @include justRight;
  @include alignTop;
}
.flex-right-center {
  @include flex;
  @include justRight;
  @include alignCenter;
}
.flex-right-bottom {
  @include flex;
  @include justRight;
  @include alignBottom;
}

// 字体
.font-small {
  font-size: 0.8rem;
}

.font-mid {
  font-size: 1rem;
}

.font-large {
  font-size: 1.2rem;
}

.font-xl {
  font-size: 1.5rem;
}
.font-xxl {
  font-size: 2rem;
}

a {
  text-decoration: none;
}

* {
  margin: 0;
  padding: 0;
}

a,
span,
li,
p,
button {
  font-family: "Helvetica Neue", "Helvetica", "PingFang SC", "Hiragino Sans GB",
    "Microsoft YaHei", "Noto Sans CJK SC", "WenQuanYi Micro Hei", "Arial",
    "sans-serif";
}
.title {
  color: #fff;
  background: #222222;
  display: inline-block;
  padding: 0.2rem 1rem;
  border-radius: 3rem;
  margin: 1rem 0;
}
.ant-radio-checked .ant-radio-inner {
  border-color: #3a3a3a !important;
}
.ant-radio-inner::after {
  background-color: #3a3a3a !important;
}
